@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial,
    sans-serif;
}

.btn-primary {
  @apply bg-primary text-white hover:opacity-90 transition-colors rounded-md px-4 py-2;
}

.btn-accent {
  @apply bg-accent text-black hover:opacity-90 transition-colors rounded-md px-4 py-2;
}

.card {
  @apply bg-white rounded-xl shadow p-4;
}

.input {
  @apply border border-gray-300 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-secondary;
}



